<template>
    <el-row  class="main" > 
      <el-col class="top"></el-col>
      <!-- <el-col class="footer"></el-col> -->
      <el-col class="middle-form" :xs="20" :sm="8" :md="8" :lg="8">
        <router-view/>
      </el-col>
    </el-row>
</template>

<script type="text/ecmascript-6">
  import { defineComponent } from "vue";

  export default defineComponent({
    name:"LoginHome",
    setup(){
     
    }
  })
</script>

<style scoped lang="less" >
@back:#789eff;
.main{
  width: 100%;
  height: 100%;
  position: relative;
  background-image: -webkit-linear-gradient(331deg, #7eeecf 0%, #8ce8ec 50%, #95eef3 10%);
  .top{
    // background: @back ;
    height: 35%;
  }
  .middle-form{
    position: absolute;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    padding: 20px 10px;
    height: 50%;
    box-shadow: rgba(179, 174, 174, 0.541) 2px 2px 8px 8px;
    border-radius: 5px;
    background: white;
  }
}

</style>
